<template>


  <div class="box">
    <div class="top">
       <div class="center">

                          <ModelTitle>
                            <template>
                              协议管理
                            </template>
                          </ModelTitle>
  
                          <!-- 时间搜索框 -->
                          <div class="zhanwei">

                            <el-tabs style="width:1110px;" v-model="activeName" @tab-click="handleClick">

                              
                              <el-tab-pane label="用户端隐私政策" name="first">
                                <div class="buttom1" >
                                  <div class="neirong1" >
                                    <div style="width:50px;height:30px;"> <font style="font-size:10px">内容</font><font style="color:red">*</font></div>
                                    
                                    
                                  </div>
                                  <div class="neirong2" >
                                    <div style="width: 1100px;height: 30px;border-bottom: 2px solid #F1F1F1;line-height: 30px;">
                                    <i style="margin-left:15px" class="el-icon-edit"></i>
                                    <i style="margin-left:15px" class="el-icon-share"></i>
                                    <i style="margin-left:15px" class="el-icon-delete"></i>
                                    <i style="margin-left:15px" class="el-icon-edit"></i>
                                    <i style="margin-left:15px" class="el-icon-share"></i>
                                    <i style="margin-left:15px" class="el-icon-delete"></i>
                                    <i style="margin-left:15px" class="el-icon-edit"></i>
                                    <i style="margin-left:15px" class="el-icon-chat-line-square"></i>
                                    <i style="margin-left:15px" class="el-icon-video-camera-solid"></i>
                                    <i style="margin-left:15px" class="el-icon-edit"></i>
                                    <i style="margin-left:15px" class="el-icon-chat-line-square"></i>
                                    <i style="margin-left:15px" class="el-icon-video-camera-solid"></i>
                                    </div>

                                  </div>
                                </div>  
                              </el-tab-pane>




                              <el-tab-pane label="医生端隐私政策" name="second">
                                <div class="buttom2">

                                </div> 
                              </el-tab-pane>



                              <el-tab-pane label="签约协议" name="third">
                                <div class="buttom3">

                                </div>  
                              </el-tab-pane>
                            </el-tabs>
                    
                          </div>




      </div>
    </div>
  </div>
  
  </template>
  
  <script>

import ModelTitle from '@/components/ModelTitle.vue';
  export default {
    data() {
        return {
            activeName: "first"
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        }
    },
    components: { ModelTitle }
};
</script>
  
  <style>
          *{
              margin: 0;
              padding: 0;
          }
          body{ 
              background: #F2F7FA;
          }
          .box{
              width: 1150px;
              height: 1112px;
              margin: 20px auto;
              background: rgb(192, 192, 192);
              position: relative;
          }
  
          .center{
              background-color: rgba(255, 255, 255, 1);
              width: 1150px;
              height: 1112px;
          }

          .zhanwei{
              width: 1150px;
              height: 40px;
              float: left;
              margin-top: 50px;
              margin-left: 20px;
          }

          
          .buttom1{
            width: 1150px;
              float: left;
          }



          .buttom2{
            width: 1150px;
              float: left;
          }

          .buttom3{
            width: 1150px;
              float: left;
          }

          .neirong1{
            width: 50px;
            height: 737px;
            float: left;
            text-align: 50px;
          }
          .neirong2{
            width: 1056px;
            height: 737px;
            float: left;
            border: 2px solid #F1F1F1;
            
          }
  </style>
  